<html>
<body>
<head>
	<title>Metronomo - keeps your time</title>
	<link rel="stylesheet" href="bluepigment/images/BluePigment.css" type="text/css" />
	<link rel="icon" href="images/favicon.png" type="image/x-icon" />
    <link rel="shortcut icon" href="images/favicon.png" type="image/x-icon" />
</head>

	<div id="header">
		<div wicket:id="userPanel" id="user-details" class="align-right">[user login] <a href="#">Log out</a></div>
		<div id="header-content">
<!--			<img src="images/chronometer.png" alt="Angry face" />-->
			<h1 id="logo-text"><a href="index.html">Metronomo</a></h1>
	   	</div>
	</div>
	   
	<div wicket:id="menuPanel">Here will be the menu</div>
	   
	<div id="content-wrap">
		<div id="content">
			<div wicket:id="summaryPanel">Here goes the user activity summary</div>
			<div id="main">
				<wicket:child> Here goes main panels </wicket:child>
			</div>
		</div>
	</div>
	    
	<!--footer starts here-->
	<div id="footer-wrap">
		<div id="footer-bottom">
		<p>
			&copy; 2010 <strong><a href="code.google.com/p/metronomo/">metronomo.org</a></strong> |
			<a href="http://www.bluewebtemplates.com/" title="Website Templates">website templates</a> by <a href="http://www.styleshout.com/">styleshout</a> |
			Valid <a href="http://validator.w3.org/check?uri=referer">XHTML</a> | 
			<a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>   		
	  		</p>
		</div>	
	</div>
</body>
</html>